<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
	+ request.getServerName() + ":" + request.getServerPort()
	+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Mua~亲亲宠管理平台·用户管理</title>
<link rel="stylesheet" href="css/style.css" />

<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bootstrap-table.min.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="js/bootstrap-table-zh-CN.min.js"></script>
</head>

<body>
	<%@ include file="/WEB-INF/jsp/mgnt/mgntTop.jspf"%>
	<div class="container  col-sm-offset-1  col-sm-10">
		<div class="page-header">
			<h3>
				用户管理<small></small>
			</h3>
		</div>
		<div class="container  col-sm-offset-1  col-sm-10">
			<div class="input-group col-sm-6">
				<input class="form-control" placeholder="按登录名查找用户..." type="text"
					id="loginnameSearch"><span class="input-group-btn"><button
						id="btn_add" type="button" class="btn btn-default"
						onclick="searchLoginname()">搜索</button> </span>
			</div>
			<div id="toolbar">
				<button id="btn_add" type="button" class="btn btn-default"
					onclick="searchWaiting()">查看全部实名待审核用户</button>
			</div>
			<table id="userTable" class="table table-striped">

			</table>
		</div>
	</div>
	<script type="text/javascript">
		$('#userTable')
				.bootstrapTable(
						{
							url : 'manage/findAllUser.do',
							method : "post",
							contentType : "application/x-www-form-urlencoded",
							pagination : true, // 是否显示分页（*）
							sidePagination : "server", // 分页方式：client客户端分页，server服务端分页（*）
							pageNumber : 1, // 初始化加载第一页，默认第一页
							pageSize : 10, // 每页的记录行数（*）
							pageList : [ 5, 10, 25 ], // 可供选择的每页的行数（*）
							queryParamsType : 'limit',//查询参数组织方式
							queryParams : function(params) {
								return {
									//每页多少条数据
									limit : params.limit,
									//请求第几页
									offset : params.offset,
								};
							},//请求服务器时所传的参数
							toolbar : "#toolbar",
							showColumns : true,
							detailView : true,
							detailFormatter : function(index, row) {
								var html = [];
								html.push('<p><b> 身份证姓名 :</b> ' + row.cardName
										+ '<b> 身份证号:</b> ' + row.cardId);
								if (row.ispass != null && row.ispass == '3') {
									html
											.push('<button class="btn btn-sm  btn-info" onclick="passUser('
													+ row.id
													+ ',true)">通过</button><button class="btn btn-sm  btn-info" onclick="passUser('
													+ row.id
													+ ',false)">不通过</button>');
								}

								html.push('</p><p><b> 注册时间 :</b> '
										+ new Date(row.registerDate)
												.toLocaleDateString() + '</p>');
								html
										.push('<p><a  href="manage/updateAccount.do?id='+row.id+'"><button class="btn btn-sm  btn-info">Ta的账户</button></a></p>');
								return html.join('');
							},
							columns : [
									{
										title : '序号',
										field : 'no',
										align : 'center',
										valign : 'middle',
										formatter : function(value, row, index) {
											return index + 1;
										}
									},
									{
										title : '登录名',
										field : 'loginname',
										align : 'center',
										valign : 'middle'
									},
									{
										title : '昵称',
										field : 'name',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : '性别',
										field : 'sex',
										align : 'center',
										valign : 'middle',
										visible : false,
										formatter : function(value) {
											if (value == null || value == '0') {
												return "保密";
											} else if (value == '1') {
												return "男";
											} else if (value == '2') {
												return "女";
											}
										}
									},
									{
										title : '身份证姓名',
										field : 'cardName',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : '身份证号',
										field : 'cardId',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : '实名状态',
										field : 'ispass',
										align : 'center',
										valign : 'middle',
										formatter : function(value, row) {
											if (value == null || value == '0') {
												return "未填写";
											} else if (value == '1') {
												return "通过";
											} else if (value == '2') {
												return "未通过";
											} else if (value == '3') {
												return "待审核"
														+ '<button class="btn btn-sm  btn-info" onclick="passUser('
														+ row.id
														+ ',true)">通过</button><button class="btn btn-sm  btn-info" onclick="passUser('
														+ row.id
														+ ',false)">不通过</button>';
											}
										}
									},
									{
										title : '电话',
										field : 'tel',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : 'email',
										field : 'email',
										align : 'center',
										valign : 'middle',
										visible : false
									},
									{
										title : '注册时间',
										field : 'registerDate',
										align : 'center',
										valign : 'middle',
										visible : false,
										formatter : function(value) {
											if (!isNaN(value)) {
												var Timestamp = new Date(value);
												return Timestamp
														.toLocaleDateString();
											}
										}
									},
									{
										title : '最后登录时间',
										field : 'lastLoginTime',
										align : 'center',
										valign : 'middle',
										visible : false,
										formatter : function(value) {
											if (!isNaN(value)) {
												var Timestamp = new Date(value);
												return Timestamp
														.toLocaleDateString()
														+ "  "
														+ Timestamp
																.toLocaleTimeString();
											}
										}
									},
									{
										title : '重置密码操作',
										align : 'center',
										formatter : function(value, row, index) {
											var btn = '<button class="btn btn-sm  btn-info" onclick="initUserPwd('
													+ row.id + ')">重置</button>';
											return btn;
										}
									},
									{
										title : '重置支付密码操作',
										align : 'center',
										formatter : function(value, row, index) {
											var btn = '<button class="btn btn-sm  btn-info" onclick="initUserPayPwd('
													+ row.id + ')">重置</button>';
											return btn;
										}
									},
									{
										title : '删除操作',
										align : 'center',
										formatter : function(value, row, index) {
											var deletebtn = '<button class="btn btn-sm  btn-info" onclick="deleteUser('
													+ row.id
													+ ')">删除用户</button>';
											return deletebtn;
										}
									} ]
						});
		function deleteUser(id) {
			$.ajax({
				url : "manage/deleteUser.do",
				type : "POST",
				data : {
					"id" : id
				},
				success : function(result) {
					if (result.msg == 'error') {
						$(".modal-body").html(result.errorMsg);
						$("#topModal").modal("show");
					} else if (result.msg == 'success') {
						$(".modal-body").html("删除成功");
						$("#topModal").modal("show");
						refresh();
					}
				}
			});
		}

		function passUser(id, pass) {
			$.ajax({
				url : "manage/passUser.do",
				type : "POST",
				data : {
					"id" : id,
					"pass" : pass
				},
				success : function(result) {
					if (result.msg == 'error') {
						$(".modal-body").html(result.errorMsg);
						$("#topModal").modal("show");
					} else if (result.msg == 'success') {
						$(".modal-body").html("审核成功");
						$("#topModal").modal("show");
						refresh();
					}
				}
			});
		}

		function initUserPwd(id) {
			$.ajax({
				url : "manage/initUserPwd.do",
				type : "POST",
				data : {
					"id" : id
				},
				success : function(result) {
					if (result.msg == 'error') {
						$(".modal-body").html(result.errorMsg);
						$("#topModal").modal("show");
					} else if (result.msg == 'success') {
						$(".modal-body").html("重置成功");
						$("#topModal").modal("show");
						refresh();
					}
				}
			});
		}

		function initUserPayPwd(id) {
			$.ajax({
				url : "manage/initUserPayPwd.do",
				type : "POST",
				data : {
					"id" : id
				},
				success : function(result) {
					if (result.msg == 'error') {
						$(".modal-body").html(result.errorMsg);
						$("#topModal").modal("show");
					} else if (result.msg == 'success') {
						$(".modal-body").html("重置成功");
						$("#topModal").modal("show");
						refresh();
					}
				}
			});
		}

		function refresh() {
			$('#userTable').bootstrapTable('refresh');
		}
		function searchLoginname() {
			$('#userTable').bootstrapTable('refresh', {
				url : 'manage/findUserByLoginname.do',
				pageNumber : 1,
				query : {
					loginname : $("#loginnameSearch").val()
				}
			});
		}

		function searchWaiting() {
			$('#userTable').bootstrapTable('refresh', {
				url : 'manage/findWaitingUser.do',
				pageNumber : 1
			});
		}
	</script>
</body>
</html>
